<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="card w-full max-w-sm bg-base-100/80 backdrop-blur-md shadow-xl z-10">
    <div class="card-body">
        <%-- 登录 --%>
        <div class="flex justify-center mb-4">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-primary" viewBox="0 0 24 24" fill="none"
                 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="12" r="10"></circle>
                <polygon points="10 8 16 12 10 16 10 8"></polygon>
            </svg>
        </div>
        <h2 class="card-title text-2xl font-bold text-center justify-center mb-4">登录账号</h2>
        <form action="${ctx}/api/auth?action=login" method="post">
            <div class="form-control">
                <input type="text" name="username" placeholder="请输入您的登录账号"
                       class="input input-bordered bg-base-200/50" required/>
            </div>
            <div class="form-control mt-4">
                <input type="password" name="password" placeholder="请输入您的登录密码"
                       class="input input-bordered bg-base-200/50" required/>
            </div>
            <div class="form-control mt-6">
                <button type="submit" class="btn btn-primary">登录</button>
            </div>
        </form>
        <div class="divider">或者</div>
        <div class="text-center">
            <a href="${ctx}/register" class="link link-hover">注册账号</a>
        </div>
    </div>
</div>
